


<script setup>
import {ref, reactive} from 'vue'
// 要传入true,而不是字符串
const isButtonDisabled = ref(true)
const isButtonDisabled2 = ref('true')
const isButtonDisabled3 = ref(false)
const isButtonDisabled4 = ref('false')

</script>

<template>
    <button :disabled="isButtonDisabled">Button</button>
    <button :disabled="isButtonDisabled2">Button</button>
    <button :disabled="isButtonDisabled3">Button</button>
    <button :disabled="isButtonDisabled4">Button</button>

</template>